<!--
Copyright 2022 SNSJ LLC

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Please review TabFloater</title>
    <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;1,300&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../css/tabfloater.css" />
    <link rel="stylesheet" href="../css/uk-switch.css" />
    <link rel="stylesheet" href="../css/generated/uk-tabfloater.css" />
    <script src="../libs/uikit/uikit.min.js"></script>
    <script src="../libs/uikit/uikit-icons.min.js"></script>
    <script type="module" src="../libs/webextension-polyfill/browser-polyfill.min.js"></script>
</head>

<body>
    <header>
        <div class="uk-section-xsmall uk-section-secondary uk-preserve-color">
            <div class="uk-container uk-container-medium">
                <div class="uk-grid-match" uk-grid>
                    <div>
                        <a href="https://www.tabfloater.io/" target="_blank">
                            <img data-src="../images/logo.png" width="245" alt="tabfloater_logo" uk-img>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <section uk-height-viewport="expand: true">
        <div class="uk-container uk-container-small uk-padding">
            <h1>Are you enjoying TabFloater?</h1>
            <div>
                <span class="uk-text-italic uk-text-large uk-text-primary">It looks like you use TabFloater quite a lot
                    - you already floated a tab <span id="reviewPageFloatCount"></span> times!</span>
            </div>

            <h3>Any issues or problems?</h3>
            <p>
                If you encountered any issues or bugs, please <a
                    href="https://github.com/tabfloater/tabfloater/issues/new?assignees=&labels=bug&template=bug-report.md&title="
                    target="_blank">open an issue on GitHub</a>, and we will do our best to address it as soon as
                possible.
            </p>

            <h3>Take a moment to share your feedback</h3>
            <p>
                If you find this extension useful, please leave a review - this really helps us gain visibility and
                enable many more people to discover it!

            <div class="uk-margin-small-top">
                <a id="reviewLink" href="#" target="_blank" class="uk-button uk-button-default uk-border-pill"
                    uk-icon="arrow-right">Yes I will help and leave a review</a>
            </div>
            </p>
    </section>

    <script type="module" src="../js/pages/review.js"></script>
</body>

</html>
